<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>列表页面</title>
    <script src="js/vue2.min.js" type="text/javascript"></script>
<!--      自适应方案一-->
<!--    <script src="js/flexable.js" type="text/javascript"></script>-->
<!--    网络请求框架基础-->
    <script src="js/axios.min.js" type="text/javascript"></script>
    <!--    这里是用来做网络请求框架封装-->
    <script src="js/request.js" type="text/javascript"></script>
<!--    重置原来css的基础样式-->
    <link rel="stylesheet" href="css/normailize.css">

    <!--      自适应方案二-->
    <link rel="stylesheet" href="css/rem.css">
    <script src="js/remRest.js" type="text/javascript"></script>
<!--    这里是list 页面自定义的样式，源文件为list.scss 采用sass进行编译-->
    <link rel="stylesheet" href="css/list.css">



</head>
<body>
  <div id="app" >
      <button @click="changeMessage">点击信息变化</button>
      <div class="container">{{message}}</div>
  </div>
  <script src="js/list.js" type="text/javascript"></script>

</body>
</html>
